<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			a{
				text-decoration: none;
				color: black;
			}
			.contires{
			width: 980px;
			height: 300px;
			background-color:floralwhite;
			margin: auto;
			}
			.a{
				border: 1px solid #808080;
			}
			.contires h2{
				margin-left: -99999px;
				margin-top: -20px;
			}	
			.logo_img{
				width: 300px;
				height: 100px;
				background: url(images/logo.jpg);
				background-repeat: no-repeat;
			}
			.logo_img1{
				width: 477px;
				height: 40px;
				float: right;
				
				margin-top: -100px;
			}
			.logo_img1 ul li {
				float: left;
				margin-left: 1px;
				list-style: none;
				
				
				
			}
			.logo_img1 ul li input[type=button]{
				margin-top: 25px;
			}
			.logo_img1 ul li a{
				color: black;
				float: left;
				text-decoration: none;
				margin-left: 25px;
				margin-top: -25px;
				
			}
			
			
			.logo_reader{
				width: 360px;
				height: 22px;
				background-color: #D3D3D3;
				margin-right: 130px;
				float: right;
				margin-top: -30px;
			}
			.logo_reader p{
				color: #808080;
			}
			.logo_long{
				width: 672px;
				height: 33px;
				border: 1px solid #8B0000;
				background-color: darkorange;
			}
			.logo_long ul li{
				float: left;
				list-style: none;
				padding: 10px;
				line-height: 20px;
				height: 13px;
				margin-top: -1px;
				border: 1px solid #808080;
			}
			.logo_long ul li a{
				text-decoration: none;
				color: black;
			}
			.logo_box{
				width: 305px;
				height: 33px;
				float: right;
				margin-top: -35px;
				background-color: darkorange;
			}
			.logo_box ul{
				line-height: 70px;
			}
			.logo_box input[type=button]{
				width: 65px;
				height: 25px;
				margin-top: 5px;
				
			}
			.left{
				margin-top: 5px;
				width: 200px;
				height: 800px;
				border: 1px solid aqua;
			}
			.content{
				width: 525px;
				height: 800px;
					
				float: left;
				margin-top: -800px;
				margin-left: 210px;
			}
			.right{
				width: 235px;
				height: 800px;
				border: 1px solid #808080;
				float: right;
				margin-top: -800px;
			}
			.title1{
				
				height: 33px;
				background-color: darkorange;
				color: white;
				border: 1px solid #808080;
			}
			.title1 span{
				margin-left: 60px;
				line-height: 40px;
				
			}
			.title2{
				height: 30px;
				background-color: #D3D3D3;
				color: orange;
			}
			.title2 span{
				font-size: 18px;
			}
			.logo_1{
				height: 160px;
				border: 1px solid #F0F8FF;
			}
			.logo_1 ul li{
				list-style: none;
				height: 32px;
				
				line-height: 40px;
					background-color: oldlace;
			}
			.logo_1 ul li a{
				list-style: none;
				text-decoration: none;
			}
			.logo_1 ul li:hover{
				background-color: darkorange;
			}
			.content_1{
				width: 525px;
				height: 593px;
				border: 1px solid #808080;
				margin-top: 10px;
			}
			.title13 {
				width: 523px;
				height: 25px;
				color: white;
				
				border: 1px solid black;
				background-color: darkorange;
				
			}
			.content_2 img{
				width: 100px;
				height: 70px;
				border: 1px solid #808080;
			     margin-left: 30px;
				 margin-top: 20px;
			}
			.content_2 p{
				font-size: small;
				margin-left: 15px;
				}	
			.content_2 ul li{
				width: 170px;
				height: 180px;
				float: left;
				list-style: none;
				margin-left: 5px;
			}
			.r_title{
				width: 235px;
				height: 35px;
				background-color: darkorange;
				height: 33px;
				color: white;
				border: 1px solid #808080;
				line-height: 40px;
			}
			.r_title span{
				margin-left: 90px;
				border: 10px 20px 0 10px;
			}
			.r_content img{
				margin-top: 30px;
				
			}
			.r_content{
				width: 235px;
				height: 150px;
				border: 1px solid #808080;
				background-color:floralwhite;
			}
			.r_content1{
				width: 150px;
				height: 100px;
				
				float: right;
				margin-top: 20px;
			}
			.r_content1 ul li{
				list-style: none;
				
			}
			.r_content2{
				background-color:floralwhite;
		   width: 235px;
		   height:250px;
		   
	   	  position: relative;
		  top: 20px;
		  
		   
			}
			.r_content2 img{
				width: 50px;
				height: 40px;
				
			}
			.r_content2 ul li{
				list-style: none;
				height: 60px;
			}
			.r_content3{
				width: 253px;
				height: 300px;
				
				margin-top: 40px;
			}
			.logo_head{
					
				    color: black;
					position: relative;
					left: 600px;
					clear: both;
				}
			.logo_head ul li {			
					float: left;
					list-style: none;
					text-decoration: none;
				}
			.logo_head ul li a{
					text-decoration: none;
					color: black;
					
				}
				.logo_wid {
					
						margin: auto;
						width: 800px;
						height: 300px;
						clear: both;
						text-align: center;
						position: relative;
						top: 5px;
						
					}
					.logo_wid p{
						margin-left: 300px;
					}
					.logo_wid h4{
						height: 20px;
					}
					.logo_wid img{
						margin-top: 10px;
					}
					#i1{
						background: url(images/icon.gif) 0px 0px;
						width: 25px;
						height: 25px;
						display: block;
						
					}
					#i2{
						background: url(images/icon.gif) 165px 0px;
						width: 25px;
						height: 25px;
						display: block;
						
					}
					#i3{
						background: url(images/icon.gif) 120px 0px;
						width: 25px;
						height: 25px;
						display: block;
						
					}
					#i4{
						background: url(images/icon.gif) 80px 0px;
						width: 25px;
						height: 25px;
						display: block;
						}
						.foo{
							width: 1000px;
							height: 150px;
							
							position: relative;
							top: 10px;
							
							margin: auto;
							clear: both;
						}
						.logo_head{
							position: absolute;
							left:80px;
						}
						.logo_wid{
							position: absolute;
							top: 18px;
							left: 80px;
						}
						.picture {
							display: block;
							width: 40px;
							height: 30px;
							
							position: relative;
							top: -20px;
							left: 70px;
							background:url(images/bbb.png) no-repeat;
						}
		</style>
	</head>
	<body>
		<div class="contires">
			
			
			<div class="a">
			<h2>贵美商城</h2>
			
			<div class="logo_img"></div>
			<div class="logo_img1">
				<ul>
					<li><i id="i1"></i><a href="buy.html" target="_top">购物车</a></li>
					<li><i id="i2"></i><a href="#">帮助中心</a></li>
					<li><i id="i3"></i><a href="#">加入收藏</a></li>
					<li><i id="i4"></i><a href="#">设为首页</a></li>
					<li class="i5"><a href="login.html" target="_top"><input type="button" value="登录"/></a></li>
					<li class="i5"><a href="register.html"><input type="button" value="注册"/></a></li>
				</ul>
			</div>
			<div class="logo_reader">
				<p>你好，欢迎访问贵美商城！117年6月6日16点50分</p>
			</div>
			</div>
			
			
			
			<div class="logo_long">
				<ul>
					<li><a href="Index.html">首页</a></li>
					<li><a href="catlist.html">家用电器</a></li>
					<li><a href="catlist.html">手机数码</a></li>
					<li><a href="catlist.html">日用百货</a></li>
					<li><a href="catlist.html">书籍</a></li>
					<li><a href="catlist.html">帮助中心</a></li>
					<li><a href="catlist.html">免费开店</a></li>
					<li><a href="catlist.html">全球咨询</a></li>
				</ul>
			</div>
			<div class="logo_box">
				<input type="text" />
				<input type="button" value="搜索"/>
			</div>
			
			
			
			<div class="left">
				<div class="title1">
					商品分类 <span>全部分类</span>
				</div>
				
				<div class="title2">
					<span>家用电器</span>
				</div>
				<div class="logo_1">
				<ul>
					<li><a href="#">大家电</a></li>
					<li><a href="#">电热水器</a></li>
					<li><a href="#">空调冰箱</a></li>
					<li><a href="#">电视附件</a></li>
					<li><a href="#">家电服务</a></li>
				</ul>
				</div>
				
				<div class="title2">
					<span>书籍</span>
				</div>
				<div class="logo_1">
				<ul>
					<li><a href="#">洗衣机</a></li>
					<li><a href="#">家庭音响</a></li>
					<li><a href="#">冷柜</a></li>
					<li><a href="#">电燃气</a></li>
					<li><a href="#">电饭煲</a></li>
				</ul>
				</div>
				
				
				<div class="title2">
					<span>手机数码</span>
				</div>
				<div class="logo_1">
				<ul>
					<li><a href="#">平板电视</a></li>
					<li><a href="#">热水器</a></li>
					<li><a href="#">DVD</a></li>
					<li><a href="#">家电下乡</a></li>
					<li><a href="#">摄像机</a></li>
				</ul>
				</div>
				
				
				<div class="title2">
					<span>日用百货</span>
				</div>
				<div class="logo_1">
				<ul>
					<li><a href="#">大家电</a></li>
					<li><a href="#">电热水器</a></li>
					<li><a href="#">空调冰箱</a></li>
					<li><a href="#">电视附件</a></li>
					<li><a href="#">家电服务</a></li>
				</ul>
				</div>
				
				
			</div>
			
			
			
			
			<div class="content">
				<img src="images/ad-03.jpg" />
				<div class="content_1">
					<div class="title13"><span>疯狂抢购<i class="picture"></i></span></div>
				
				<div class="content_2">
					<ul>
					<li><a href="info.html"><img src="images/promote-1.jpg" /></a><p>惠普商务移动应用英寸笔记本</p></li>
					<li><a href="info.html"><img src="images/promote-2.jpg" /></a><p>夏新N6 GPS真人语音导航手机超低特价疯抢 数量有限</p></li>
					<li><a href="info.html"><img src="images/promote-3.jpg" /></a><p>三星家庭影院 HT-TZ325 购机送好礼（超值性价比）</p></li>
					<li><a href="info.html"><img src="images/laser-pen.jpg" /></a><p>明基MP512投影仪 2899元送100元京东券SVGA2200流明</p></li>
					<li><a href="info.html"><img src="images/mouse.jpg" /></a><p>罗技数据1TB移动鼠标729元年开抢</p></li>
					<li><a href="info.html"><img src="images/earphone.jpg" /></a><p>海森纳尔极品耳机绝对不容错过</p></li>
					<li><a href="info.html"><img src="images/Wancom.jpg" /></a><p>亚尔逊随时阅读，随时记录，史上最佳选择</p></li>
					<li><a href="info.html"><img src="images/Frame.jpg" /></a><p>优雅相框</p></li>
					<li><a href="info.html"><img src="images/notebook.jpg" /></a><p>IBM 2009最新上网本</p></li>
					</ul>
				</div>
				</div>
				
			</div>
			<div class="right">
				<div class="r_title">
					公告栏
					<span>全部分类 </span>
				</div>
				<div class="r_content">
					<img src="images/ppa.png" />
					<div class="r_content1">
					<ul>
						<li><a href="#">大学要求老师开网店</a></li>
						<li><a href="#">安全锤网上大热销</a></li>
						<li><a href="#">商城竟成网购试衣间</a></li>
						<li><a href="#">2万网上开实体店</a></li>
					</ul>
					</div>
				</div>
				
				<div class="r_title">
					新品上架
					<span>全部分类 </span>
				</div>
				
				<div class="r_content2">
					<ul>
						<li><img src="images/show1.jpg"/><a href="info.html">大牌狂降价，三折直送</a></li>
						<li><img src="images/show2.jpg"/><a href="info.html">大学要求老师开网店</a></li>
						<li><img src="images/show5.jpg"/><a href="info.html">黑眼圈推荐，美白不停</a></li>
						<li><img src="images/show4.jpg"/><a href="info.html">瘦身狂潮风，修行之选</a></li>
					</ul>
				</div>
				
				<div class="r_content3">
				
				<div class="r_title">
					笔记本
					<span>手机充值 </span>
				</div>
				<img src="images/tabbody2.gif" />
				
			</div>
			</div>
			</div>
			<div class="foo">
			<div class="logo_head">
				
				 <ul>
					 <li>友情链接：</li>
					 <li><a href="#">百度|</a></li>
					 <li><a href="#">百度|</a></li>
					 <li><a href="#">百度|</a></li>
					 <li><a href="#">Google|</a></li>
					 <li><a href="#">雅虎|</a></li>
					 <li><a href="#">淘宝|</a></li>
					 <li><a href="#">拍拍|</a></li>
					 <li><a href="#">易趣|</a></li>
					 <li><a href="#">当当|</a></li>
					 <li><a href="#">京东商城|</a></li>
					 <li><a href="#">迅雷|</a></li>
					 <li><a href="#">新浪|</a></li>
					 <li><a href="#">网易|</a></li>
					 <li><a href="#">搜狐|</a></li>
					 <li><a href="#">猫扑|</a></li>
					 <li><a href="#">开心网|</a></li>
					 <li><a href="#">新华网|</a></li>
					 <li><a href="#">凤凰网|</a></li>
					 
				 </ul>
			</div>
			
			<div class="logo_wid">
				<h4>COPYRIGHT2003-2010北京市贵美商城有限公司ALL RIGHT RESERVED</h4>
				<h4>热线：400-66-13060 Email:service@prd.com</h4>
				<h4>ICP:沪ICP备05021104号</h4>
				<img src="images/img1.gif"/>
				<img src="images/img2.gif"/>
				<img src="images/img3.gif"/>
				<img src="images/img4.gif"/>
				
			</div>
			
		</div>
	</body>
</html>
